// this class is act to glue M-V-C-S
Ext.define('SRMT.view.Viewport', {
    extend: 'Ext.container.Viewport',
    
    // define views to use xtype
    requires: [
               'SRMT.view.About',
//               'SRMT.view.Login',
//               'SRMT.view.Register',
               'SRMT.view.Menu',
               'SRMT.view.project-explorer.ProjectExplorer',
//               'SRMT.view.project-explorer.ContextMenu',
               'SRMT.view.artifact-list.ArtifactList',
               'SRMT.view.project-board.ProjectBoard'
    ],
    layout: 'border',
    
    items: [
	{
		id: 'north-panel',
		region: 'north',
    	margin: '0 5 0 5',
    	xtype: 'panel',
    	width: '100%',
    	title: 'Software Requirement Manage Tool',
    	items: [{
    		border: false,
    		xtype: 'srmtMenu'
    	}]
    },{
    	id: 'center-panel',
    	region: 'center',
    	margin: '5 5 5 5',
    	xtype: 'tabpanel'
    },{
    	id: 'west-panel',
    	region: 'west',
    	margin: '5 0 5 5',
    	xtype: 'srmtProjectExplorer',
    	width: '15%',
    	collapsible: true,
    	split: true,
    	collapsed: false,
    	title: 'Project Explorer'
    },{
    	id: 'east-panel',
    	region: 'east',
    	margin: '5 5 5 0',
    	xtype: 'panel',
    	width: '15%',
    	collapsible: true,
    	split: true,
    	collapsed: false,
    	title: 'Search For Artifact'
    }]
    
});